<!DOCTYPE html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title>Document</title>
		<link rel="stylesheet" type="text/css" href="../css/i-travel.css">
	</head>
	<body>
	<form action="">
		<div class="select">
			<div>
				<div class="center select-t">
					<p>发布旅游</p>
					<img src="../img/cancel.png" class="close">
				</div>
				<div class="select-b">
					<p>提示：发布约会即扣除10美金</p>
					<div class="flex top-up-box">
						<p>支付金额：<span>￥510</span></p>
						<div class="top-up"><a href="recharge_usd.html">去充值</a></div>
					</div>
					<div class="sure center"><input type="submit" name="" value="确定发布"></div>
				</div>
			</div>
		</div>
		<header>
			<a href="javascript:history.back(-1)" class="back"><img src="../img/back.png" height="18px"></a>
			<div class="center title">发布旅游</div>
		</header>
		<main>
			<div class="flex">
				<p>性别要求：</p>
			    <div class="female">
				    <input type="radio" id="female" name="sex" />
				    <label for="female">女</label>
				</div>
				<div class="male">
				    <input type="radio" id="male" name="sex" />
				    <label for="male">男</label>
				</div>
			</div>
			<div class="flex place">
				<p>旅游地点：</p>
				<input type="text" name="">
				<img src="../img/site.png">
				<input type="text" name="">
			</div>
			<div class="flex">
				<p>赴约时间：</p>
				<input type="text" name="">
			</div>
			<div class="flex">
				<p>出游留言：</p>
				<textarea></textarea>
			</div>
		</main>
		<div class="money">
			<div class="flex">
				<div class="flex need">
					<p>需要人数:</p>
					<input type="text" name="">
				</div>
				<div class="flex need">
					<p>悬赏金:</p>
					<input type="text" name="">
				</div>
			</div>
			<div class="flex pay">
				<p>支付方式：</p>
				<div class="pay-r">
					<span><input type="radio" name=" " checked>平台担保</span>
					<span><input type="radio" name=" ">线下支付</span>
				</div>
			</div>
		</div>
		<div class="fabu center">发布旅游</div>
	</form>
		<script src="../js/jquery-3.3.1.js"></script>
		<script src="../js/i-travel.js"></script>
	</body>
</html>
<script>
	$('.fabu').click(function(){
		$('.select').show()
	})
	$('.close,.sure').click(function(){
		$('.select').hide();
	})

</script>
